<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./lib/swiper.css">
    <link rel="stylesheet" href="./css/goodsDetails.css">
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="top">
            <div class="left">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-right1"></use>
                </svg>
            </div>
            <div class="top-cont">
                <ul>
                    <li>商品</li>
                    <li>评价</li>
                    <li>详情</li>
                </ul>
            </div>
            <div class="right">
                <svg class="icon gd" aria-hidden="true">
                    <use xlink:href="#icon-gengduo"></use>
                </svg>
                <svg class="icon gb" aria-hidden="true">
                    <use xlink:href="#icon-guanbi"></use>
                </svg>
            </div>
        </div>
        <div class="top-hidden">
            <ul>
                <li><a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-shouye"></use>
                        </svg>
                        <p> 首页</p>
                    </a></li>

                <li><a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weibiaoti-"></use>
                        </svg>
                        <p>搜索</p>

                    </a></li>
                <li><a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-caidan"></use>
                        </svg>
                        <p>分类</p>
                    </a></li>
                <li><a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tubiaozhizuomoban"></use>
                        </svg>
                        <p> 购物车</p>
                    </a></li>
                <li><a href="">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-gerenzhongxin"></use>
                        </svg>
                        <p>我的百联</p>
                    </a></li>
            </ul>
        </div>
    </div>

   <div class="xx-k">
      <div class="loading">
          <img src="./images/1392662524764_1140x0.gif" alt="">
      </div>
   </div>

    <div class="comm-list">
         <h3>更多推荐</h3>
    </div>

  <div class="tuijian">
      <ul>
       
      </ul>
  </div>

  <div class="foot">
      <ul>
          <li class="foot-list">
              <a href="">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-kefu1"></use>
                  </svg>
                  <p>客服</p>
              </a>
          </li>
          <li class="foot-list"> 
            <a href="">
              <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <p>关注</p>
            </a>
        </li>
        <li class="foot-list car-k">
            <a href="">
              <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban"></use>
                </svg>
                <p>购物车</p>
                <i class="ncar">0</i>
            </a>
        </li>
        <li class="addcar">
            <a href="javascript:;">
               加入购物车
            </a>
        </li>
        <li class="newcar">
            <a href="">
            立即购买
            </a>
        </li>
      </ul>
  </div>

 
    <script src="./font/iconfont.js"></script>
    <script src="./js/ml-fontsize.js"></script>
    <script src="./lib/zepto.js"></script>
    <script src="./lib/fx.js"></script>
    <script src="./lib/swiper.js"></script>
    <script src="./lib/touch.js"></script>
    <script src="./lib/fx_methods.js"></script>
    <script src="./lib/ejs.min.js"></script>
    <script type="text/template" id="ejs-html" src="">
     
        <div class="swiper-container" id="banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img class="banner-img" src=" <%= item[0]['img_url'] %>" alt=""></div>
                    <div class="swiper-slide"><img class="banner-img2" src=" <%= item[0]['img_url'] %>" alt=""></div>
                    <div class="swiper-slide"><img class="banner-img3" src=" <%= item[0]['img_url'] %>" alt=""></div>
                </div>
                <!--分页器 -->
                <div class="swiper-pagination"></div>
                <div class="soucang">
                        <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shoucang"></use>
                        </svg>
                </div>
         </div>
         <div class="zk">
             <span>[折扣]</span>
             <span>下单立享8.5折</span>
             <span class="zk-r">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-youjiantou"></use>
            </svg>
             </span>
         </div>
    
         <div class="sg">
             <span>闪购</span>
             <span>（每单限购：10件）</span>
             <span class="time">剩余时间：<i></i> </span>
             <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-youjiantou"></use>
        </svg>
         </div>
    
         <div class="price-k">
             <div class="newprice">
               ￥<span><%= item[0]['price'] %></span>
             </div>
             <div class="oldprice">
                参考价￥<span><%= item[0]['price'] %></span>
             </div>
             <div class="shangou">闪购</div>
         </div>
    
         <div class="name-k">
             <h2>&nbsp;    <%= item[0]['title'] %></h2>
         </div>
    
         <div class="comm-list wz">
             <span>送 至：</span>
             <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-shouhuodizhiguanli"></use>
              </svg>
              <span>
                上海市-市辖区-黄浦区 99元免基础运费(5kg内)
              </span>
         </div>
         <div class="comm-list">
            <span>选 择：</span>
    
             <span id="quantity">
               1
             </span>件
             <svg class="icon right-jiantou" aria-hidden="true">
                <use xlink:href="#icon-youjiantou"></use>
        </svg>
        </div>
        <div class="comm-list">
            <span>规格参数</span>
    
             <svg class="icon right-jiantou" aria-hidden="true">
                <use xlink:href="#icon-youjiantou"></use>
        </svg>
        </div>
        
        <div class="comm-list pl-k">
            <span>评 论：</span>
    
             <span class="hpl">
                    <%= item[0]['haoping']*100 %> %
             </span>好评率
             <span  class="pl">（<%= parseInt(item[0]['comment']) %>条评论）</span>
             <svg class="icon right-jiantou" aria-hidden="true">
                <use xlink:href="#icon-youjiantou"></use>
        </svg>
        </div>

    </script>
    <script src="./js/goodsDetails.js"></script>
    

</body>

</html>